<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .wrapper{
                width: 80%;
                margin: 50px auto;
                height: 100px;
                border: 1px solid #ff6700;
            }
            .wrapper marquee{
                height: 98px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
<!--      direction 属性用于控制滚动方向(up、down、left、right,默认为left)
            behavior 属性用于控制如何滚动(scroll、slide、alternate,默认为scroll)
            loop 属性控制滚动次数，默认为-1，表示连续滚动
            scrollamount 属性设置每次滚动的长度，默认值为6
            scrolldelay 属性设置每次滚动时的时间间隔。默认值为85，除非指定turespeed值，否则将忽略任何小于60的值，并改为使用60.-->

        <div class="wrapper">
            <marquee direction="up" behavior="">心之所念</marquee>
        </div>

        <div class="wrapper">
            <marquee direction="down" behavior="">心之所念</marquee>
        </div>

        <div class="wrapper">
            <marquee direction="left" behavior="">心之所念</marquee>
        </div>

        <div class="wrapper">
            <marquee direction="right" behavior="">心之所念</marquee>
        </div>
        
    </body>
</html>